/* 按钮示例一: 分离函数
const gui = new GUI();

function doSomething() {
  console.log('按钮被点击了！');
}

gui.add({ buttonAction: function() { doSomething(); } }, 'buttonAction').name('执行操作');
*/

/* 按钮示例二: 直接绑定
gui.add({ buttonAction: function() {
  console.log('按钮被点击了！');
} }, 'buttonAction').name('执行操作');
*/

/* 按钮示例三: 对象方式
let eventObj = {
  全屏: function () {
    document.body.requestFullscreen();
  },
  退出全屏: function () {
    document.exitFullscreen();
  }
};
gui.add(eventObj, '全屏');// Fullscreen
gui.add(eventObj, '退出全屏');// ExitFullscreen
*/

/* 设置按钮样式
const gui = new GUI();

const buttonObject = {
    myButton: function() {
        console.log('按钮被点击了！');
    }
};

const button = gui.add(buttonObject, 'myButton').name('点击我');

// 设置按钮的样式
button.domElement.style.width = '45%'; // 设置宽度为45%
button.domElement.classList.add('my-custom-class'); // 添加自定义类

// 如果需要添加更多样式，可以使用以下代码
button.domElement.style.backgroundColor = '#4CAF50'; // 设置背景颜色
button.domElement.style.color = 'white'; // 设置文字颜色
*/